<!doctype html>
<html lang="en"><head>
    <meta charset="utf-8">
    <title>Travel Recommendation System</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="${resource(dir: 'lib/bootstrap/css', file: 'bootstrap.css')}">
    <link rel="stylesheet" type="text/css" href="${resource(dir: 'lib/font-awesome/css', file: 'font-awesome.css')}">


    <script src="${resource(dir: 'lib', file: 'jquery-1.11.1.min.js')}" type="text/javascript"></script>

    <script src="${resource(dir: 'lib/jQuery-Knob/js', file: 'jquery.knob.js')}" type="text/javascript"></script>

    <script type="text/javascript">
        $(function() {
            $(".knob").knob();
        });
    </script>

    <link rel="stylesheet" type="text/css" href="${resource(dir: 'stylesheets', file: 'theme.css')}">
    <link rel="stylesheet" type="text/css" href="${resource(dir: 'stylesheets', file: 'premium.css')}">
	<g:layoutHead/>

  </head>
  <body class=" theme-blue">

    <!-- Demo page code -->

    <script type="text/javascript">
        $(function() {
            var match = document.cookie.match(new RegExp('color=([^;]+)'));
            if(match) var color = match[1];
            if(color) {
                $('body').removeClass(function (index, css) {
                    return (css.match (/\btheme-\S+/g) || []).join(' ')
                })
                $('body').addClass('theme-' + color);
            }

            $('[data-popover="true"]').popover({html: true});
            
        });
    </script>
    <style type="text/css">
      #line-chart {
        height:300px;
        width:800px;
        margin: 0px auto;
        margin-top: 1em;
      }
      .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover { 
        color: #fff;
      }
    </style>

    <script type="text/javascript">
        $(function() {
            var uls = $('.sidebar-nav > ul > *').clone();
            uls.addClass('visible-xs');
            $('#main-menu').append(uls.clone());
        });
    </script>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">


    <!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
    <!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
    <!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
    <!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
    <!--[if (gt IE 9)|!(IE)]><!--> 

    <!--<![endif]-->

    <div class="navbar navbar-default" role="navigation">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <g:link class="" controller="dashboard"><span class="navbar-brand"><span class="fa fa-paper-plane"></span> Travel Recommendation System
          </span></g:link></div>

      <div class="navbar-collapse collapse" style="height: 1px;">
        <ul id="main-menu" class="nav navbar-nav navbar-right">
          <li class="dropdown hidden-xs">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <span class="glyphicon glyphicon-user padding-right-small" style="position:relative;top: 3px;"></span> <sec:username/>
              <i class="fa fa-caret-down"></i>
            </a>

		<sec:ifAnyGranted roles="ROLE_USER,ROLE_ADMIN">
            <ul class="dropdown-menu">
              <li><a href="./">My Account</a></li>
              <sec:ifAnyGranted roles="ROLE_ADMIN">
              <li class="divider"></li>
              <li class="dropdown-header">Admin Panel</li>
              <li><g:link controller="user" action="index">User</g:link></li>
              <li><g:link controller="hotel" action="index">Hotel</g:link></li>
              <li><g:link controller="blog" action="index">Blog</g:link></li>
              <li><g:link controller="blogEntry" action="index">Blog Entry</g:link></li>
              
              </sec:ifAnyGranted>
              <li class="divider"></li>
              
              <li><g:link tabindex="-1" controller="logout" action="index">Logout</g:link></li>
        	</ul>
        	</sec:ifAnyGranted>
        	<sec:ifNotLoggedIn>
        	<ul class="dropdown-menu">
              <li><g:link controller="login" action="auth">Login/Signup</g:link></li>
              
              
              
        	</ul>
        	</sec:ifNotLoggedIn>

        </li>
        </ul>

      </div>
    </div>


 
<div class="content2">
  <g:layoutBody/>
  </div>


  <footer>
    <hr>

    <!-- Purchase a site license to remove this link from the footer: http://www.portnine.com/bootstrap-themes -->
    <p class="pull-right">A <a href="http://www.portnine.com/bootstrap-themes" target="_blank">Free Bootstrap Theme</a> by <a href="http://www.portnine.com" target="_blank">Portnine</a></p>
    <p>© 2014 <a href="http://www.portnine.com" target="_blank">Portnine</a></p>
  </footer>
</div>

<script src="${resource(dir: 'lib/bootstrap/js', file: 'bootstrap.js')}" type="text/javascript"></script>




</body></html>
